{% extends '/ic/dashboard.html' %}
{% block content %}
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-info">

            <div class="panel-heading">
                            <h3><i style="color:{{pageData["tipo_categoria"].colore_icona_font}}" class="fa {{pageData["tipo_categoria"].icona_font}} fa-2x"></i>    &nbsp;{{pageData["tipo_categoria"].denominazione}}</h3>
                        </div>
                        <div class="panel-body">
                            <div class="panel-group" id="accordion">
        {% for st in pageData['categorie'] %}
                                <div class="panel panel-danger">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#{{st.denominazione_breve}}" class=" list-group-item collapsed rosino"><i style="color:{{st.colore_icona_font}}" class="fa {{st.icona_font}} fa-2x"></i>    &nbsp;{{st.denominazione}}</a>
                                        </h4>
                                    </div>
                                    <div id="{{st.denominazione_breve}}" class="panel-collapse collapse" style="height: 0px;">
                                        <div class="panel-body">
                                            <div class="list-group">
                              {% for k in st.rilevazioni %}
                                      <a href="/pg/ac_Rilevazioni/Preview?id={{k.id}}&pp=1" data-target="#myModall" role="button" data-toggle="modal" data-backdrop="static"  id="anteprima" class="list-group-item giallino">
                                    {% for k,v in k.titoli().iteritems() %}
                                     <b>{{k}}</b> {{v}} ||
                                     {% endfor %}
                                     </a>
                            {% endfor %}
                                        </div>
                                        </div>
                                            <div class="panel-footer">
                                            {{st.descrizione}}
                                        </div>

                                    </div>
                                </div>
        {% endfor %}
                            </div>
            </div>

        </div>
    </div>
</div>
         <div class="modal fade" id="myModall" tabindex="-1" role="dialog" aria-labelledby="myModalLabell" aria-hidden="true">
            <div class="modal-dialog ">
                <div class="modal-content">
                </div>
            </div>
        </div>
{% endblock%}
{#% block custom_js %#}
<script type="text/javascript">
$(document).ready(function () {

$('#myModall').on('hidden.bs.modal', function() {
    $(this).removeData('bs.modal');
    });

});
</script>
{#% endblock %#}
